@charset 'UTF-8';

/* 折线图盒子 */
.echartsBox {
  width: 570px;
  height: 300px;
  background-color: #dce4f05f;
}

/* 内容板块的标题 */
.itemTitle {
  font-size: 13px;
  color: rgb(90, 88, 88);
  margin-left: 30px;
}

/* 数据展示栏 */
.DataColumn {
  background-color: #dce4f05f;
  list-style-type: none;
  height: 100px;
  margin-bottom: 10px;
  display: flex;
}

.DataColumn>li {
  width: 32.7%;
  margin-top: 12px;
  height: 75%;
  display: flex;
  border-right: 10px solid #fff;
}

.DataColumn>li:first-of-type {
  width: 17%;
}

.DataColumn>li:last-of-type {
  border-right: 0;
}

.DataColumn>li>div {
  display: flex;
  flex-direction: column;
}

.DataColumn>li>.Item-icon {
  width: 35px;
  height: 35px;
  margin: 19px 10px 0px 30px;
  background: url(../img/money.png) no-repeat;
  background-size: contain;
  border-radius: 50px;
}

.DataColumn>li>div>.price {
  color: #6fbd78;
  margin: 10px 0;
}

.DataColumn>li>div>.fontsize12 {
  font-size: 11px;
}

.echartsContentBox {
  display: flex;
}

.echartsContentBox>.leftItem>.rankingsBox {
  background-color: #dce4f05f;
  margin-bottom: 10px;
  position: relative;
  height: 193px;
}

.echartsContentBox>.leftItem>.rankingsBox>.rankingsItem {
  position: absolute;
  text-align: center;
}

.echartsContentBox>.leftItem>.rankingsBox>.rankingsItem>span {
  font-size: 12px;
}

.echartsContentBox>.leftItem>.rankingsBox>.rankingsItem>span:last-of-type {
  font-size: 13px;
  color: #6d6060;
}

.echartsContentBox>.leftItem>.rankingsBox>.rankingsItem>div {
  width: 110px;
  height: 110px;
  background-color: #6fbd78;
  border-radius: 50%;
}

/* 第一名 */
.echartsContentBox>.leftItem>.rankingsBox>.rankingsItem:first-of-type {
  left: 50%;
  top: 0px;
  transform: translateX(-30px);
}

/* 第二名 */
.echartsContentBox>.leftItem>.rankingsBox>.rankingsItem:nth-of-type(2) {
  left: 50%;
  top: 40px;
  transform: translateX(-200px);
}

/* 第三名 */
.echartsContentBox>.leftItem>.rankingsBox>.rankingsItem:last-of-type {
  left: 50%;
  top: 40px;
  transform: translateX(140px);
}

.rightItem {
  width: 100%;
}

.rightItem>#mychart {
  height: 400px;
}